<!DOCTYPE html>
<html>
  <head>
    <title>下单页面</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/base.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/component.css">
    <style type="text/css">
	.xyg-buy-item{width:94%; padding:20px 3%;}
	.xyg-buy-item .xyg-buy-item-left{width:30%;float: left;}
	.xyg-buy-item .xyg-buy-item-left img{ width:auto; max-width:90%; padding:10px auto; height:160px; float: left;}
	.xyg-buy-item .xyg-buy-item-right{width:70%;float: left;}
	.xyg-buy-item-title{width:100%; color: #2F2F2F;line-height:45px; height:90px; letter-spacing:1px; font-size:32px;}
	.xyg-buy-item .xyg-buy-item-price{width:100%;height: 70px; line-height: 70px; font-size: 28px; color:#2F2F2F;}
	.xyg-buy-item .xyg-buy-item-price span{ font-size: 36px; font-weight: bold;color:#E80C1C;}
		
	
	/****************底部 菜单开始*********************/
.xyg-buy-bottom{width:100%;height:auto; position: fixed; padding: 10px 0px; bottom: 0px; border-top: 1px solid #d1d1d1;left: 0px;background:#ffffff;}
		.xyg-buy-bottom .xyg-buy-bottom-all{width:60%;height:auto;color:#0B6C3F; float: left; padding:0.2rem 0px 0.2rem 5%; text-align: left;line-height: 80px; font-size: 28px; color:#2F2F2F;}
	.xyg-buy-bottom .xyg-buy-bottom-all span{ font-size: 36px; font-weight: bold;color:#E80C1C;}
		.xyg-buy-bottom .xyg-buy-bottom-go{width:35%;height:auto; float: left; padding:0.2rem 0px; text-align: center;}
		.xyg-buy-bottom .xyg-buy-bottom-go .xyg-buy-bottom-item1-pay{width:90%; height:80px; line-height: 80px;  font-size: 33px; color:#fff; border-radius:10px; background:#FF524F; letter-spacing:0.1rem; }
/****************底部 菜单结束*********************/	
		
    </style>
  </head>
  <body>
  <div class="xyg-buy-item">
    	<div class="xyg-buy-item-left">
    		<img src="${ticketProduct.thumImage}" />
    	</div>
    	<div class="xyg-buy-item-right">
    		<div class="xyg-buy-item-title">
                ${ticketProduct.name}
            </div>
            <div class="xyg-buy-item-price">
                <span>￥${ticketProduct.currentPrice}
                    <input type="hidden" id="currentPrice" value="${ticketProduct.currentPrice}" />
                </span>&nbsp;<del>${ticketProduct.costPrice}元</del>
            </div>
    	</div>
         <div class="clearBoth"></div>     
    </div>
   <div class="xyg-comp-form">
	  <div class="backgroud1">
       <div class="xyg-comp-form-item-one">
            <div class="xyg-comp-form-item-title"> 
             购买数量
            </div>
            <div class="xyg-comp-form-item-content"> 
            <div class="xyg-comp-buy-num">
            	<div class="xyg-comp-buy-num-del"><svg class="icon" aria-hidden="true"> 
              <use xlink:href="#iconjianhao"></use>
             </svg></div>
                 <div class="xyg-comp-buy-num-content" id="buyNum">1</div>
                 <div class="xyg-comp-buy-num-add"><svg class="icon" aria-hidden="true"> 
              <use xlink:href="#iconjiahao"></use>
             </svg></div>
             <div class="clearBoth"></div>
             </div>
            </div>
            <div class="clearBoth"></div>
       </div> 
       
       <div class="xyg-comp-form-item-one">
            <div class="xyg-comp-form-item-title"> 
             优惠券
            </div>
            <div class="xyg-comp-form-item-icon"> 
             <input type="text" placeholder="请先选择优惠券" /><span><svg class="icon" aria-hidden="true"> 
              <use xlink:href="#iconxiangyou"></use>
             </svg> </span>
            </div>
            <div class="clearBoth"></div>
       </div>
       <div style="width:100%; height:20px; background:#f8f8f8;"></div>
       <div class="xyg-comp-form-item-one">
            <div class="xyg-comp-form-item-title"> 
             姓名
            </div>
            <div class="xyg-comp-form-item-content"> 
             <input type="text" placeholder="请先输入姓名" value="${webMember.name}" />
            </div>
            <div class="clearBoth"></div>
       </div> 
       <div class="xyg-comp-form-item-one">
            <div class="xyg-comp-form-item-title"> 
             手机号
            </div>
            <div class="xyg-comp-form-item-content"> 
             <input type="text" placeholder="请先输入手机号" value="${webMember.phone}"/>
            </div>
            <div class="clearBoth"></div>
       </div> 
        
       </div>
       
      <!--底部菜单开始-->
  <div style="width:100%; height:160px;"></div>
     <div class="xyg-buy-bottom">
        	<div class="xyg-buy-bottom-all">
                合计：<span >￥<span id="resultMoney">${ticketProduct.currentPrice}</span>
            </span>
        	</div>
            <div class="xyg-buy-bottom-go">
        		<div class="xyg-buy-bottom-item1-pay">确认下单</div>
        	</div>
        	<div class="clearBoth"></div>
        </div>
     <!--底部菜单结束-->
       
  	</div>
    
  </body>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="${s.base}/mobile/js/jquery-2.1.4.js"></script>
  <script src="${s.base}/mobile/js/jquery-weui.js"></script>
  <script src="${s.base}/mobile/fonts/iconfont.js"></script>
  <script src="${s.base}/mobile/js/component.js"></script>
  <script type="text/javascript">
  	initXygDpi();
	$(document).ready(function(e) {
		initDate();
    });
	function initDate(){
		$.fn.initXygCompBanner("",".xyg-comp-banner-swiper",417);
		$(".xyg-comp-buy-num-add").bind("click",function () {
            var buyNum=$("#buyNum").html()*1+1;
            $("#buyNum").html(buyNum);
            $("#resultMoney").html($("#currentPrice").val()*buyNum);
        });
        $(".xyg-comp-buy-num-del").bind("click",function () {
            var buyNum=$("#buyNum").html()*1
            if(buyNum<=1){
                buyNum=1;
            }else{
                buyNum=buyNum-1;
            }
            $("#buyNum").html(buyNum);
            $("#resultMoney").html($("#currentPrice").val()*buyNum);
        });
	}
  </script>
  
</html>

